<template>
	<VantNav title="咖啡券详情" />

	<van-cell-group>
		<van-cell title="编号" value="No.000000001" />
		<van-cell title="学生名" value="张三"/>

		<van-cell title="手机号" value="186****1708" />
		<van-cell title="班级名" value="java2307"/>

		<van-cell title="申请时间" value="2023/12/03" />
		<van-cell title="过期时间" value="2023/12/10"/>

		<van-cell title="审核人" value="霍坤点"/>

		
		<van-cell title="是否可用">
			<template #value>
				<!-- <van-tag  type="primary">是</van-tag> -->
				<van-tag  type="danger">否</van-tag>
			</template>
		</van-cell>
		<div style="padding: 10px;">
			<van-button type="primary" block>使用咖啡券</van-button>
		</div>
		
	</van-cell-group>


</template>

<script setup>
import VantNav from '@/components/VantNav.vue';

</script>

<style>
</style>